﻿body 
{
    background: url("../images/bg_body.gif") repeat-x scroll 0 0 #C2C5C6           
}
#content-container 
{
    display:block;
    margin-left:-1px;
    width:99%;
    margin:0 auto;    
    margin-top: 5px;
    padding-top:5px;  
    padding-left: 2px;
    padding-right: 2px;
    clear:both;
    min-height: 800px;
}

#content_search
{
    width: 100%;
}

#footer  {
clear:both;
}

.box  {
background:url("../images/main-box_inner.gif") repeat-y scroll 0 51px transparent;
margin-bottom:20px;
position:relative;
width:657px;
}

.box-top {
background:url("../images/main-box_top.gif") no-repeat scroll 0 0 transparent;
height:51px;
left:0;
position:absolute;
top:0;
width:657px;
z-index:1;
text-align: right;
}

.box-inner {
padding:25px 5px 10px;
position:relative;
width:607px;
z-index:50;
}

.box-bottom {
background:url("../images/main-box_bottom.gif") no-repeat scroll 0 0 transparent;
height:14px;
width:657px;
}

h3 {
color:#9F3538;
font:bold 1.2em Arial,Helvetica,sans-serif;
margin: 0px;
margin-bottom:5px;
padding:0;
}

.widget-box .box-inner {
padding-left:15px;
padding-top:5px;
width:180px;
}

.hierarchy-box .box-inner  
{
    padding-left:15px;
padding-top:5px;
width:180px;
border: 2px solid #DEDBDE;  
}

.box.hierarchy-box 
{
    background: url("../images/content-inner.gif") repeat scroll 0 0 transparent;
    width:204px;
    margin-bottom: 5px;
}

.hierarchy-box .box-top 
{
background: url("../images/content-inner.gif") repeat scroll 0 0 transparent;    
    top:-4px;
width:204px;
border-top: 2px solid #DEDBDE;  

}

.box.widget-box {
background:url("../images/sidebar-box-inner.gif") repeat-y scroll 0 240px transparent;
width:204px;
}

.hierarchy-box .box-bottom 
{
height:4px;
width:204px;    
background: url("../images/content-inner.gif") repeat scroll 0 0 transparent;
}

.widget-box .box-top {
background:url("../images/sidebar-box-top.gif") no-repeat scroll 0 0 transparent;
top:-4px;
width:204px;
}

.widget-box .box-bottom {
background:url("../images/sidebar-box-bottom.gif") no-repeat scroll 0 0 transparent;
height:4px;
width:204px;
}


.content-box .box-inner {
padding-top:5px;
padding-left: 10px;
padding-right: 5px;
width:750px;
}

.box.content-box {
background:url("../images/content-box-inner.gif") repeat-y scroll 0 240px transparent;
width:770px;
}

.content-box .box-top {
background:url("../images/content-box-top.gif") no-repeat scroll 0 0 transparent;
top:-4px;
width:770px;
}

.content-box .box-bottom {
background:url("../images/content-box-bottom.gif") no-repeat scroll 0 0 transparent;
height:14px;
width:770px;
}

/*input#searchfield  {
background:url("../images/input.jpg") no-repeat scroll 0 0 transparent;
border:medium none;
font-size:14px;
height:36px;
outline:medium none;
padding:0 10px;
width:283px;
}


input#ctl00_content_searchfield {
background-color:white;
background-image:url("../images/magnifying-glass.gif");
background-position:0.1em center;
background-repeat:no-repeat;
margin-top: 1px;
width:80%;
font-size: 14pt;
padding: 5px;
padding-left:2em;

}*/

input#searchbutton  
{
    background-image:url("../images/btn_search.png");
    background-position:0 0;
    border:0 none;
    color:#FFFFFF;
    font-size:11pt;
    font-weight:bold;
    height:36px;
    position:absolute;
    width:90px;
}

#bottomContent {
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}


#rel_links ul {
    padding-left: 15px;
    margin: 0;
}

#rel_links ul li {
    list-style-image:url("../images/bullet.gif");
}

#rel_links ol li, #rel_links ul li {
    line-height:1.3em;
}

span.footer-bg {
background:url("../images/bg_footer.png") no-repeat scroll 0 0 transparent;
display:block;
height:25px;
margin:0 auto;
width:1200px;
}

#main_right {
background:url("../images/bg_main_right.png") no-repeat scroll right top transparent;
height:100%;
position:absolute;
right:0;
top:0;
width:17px;
z-index:1;
}

#hierarchytoggle
{
    background: #ECECEC url("../images/toggleArrowLeft.gif") no-repeat scroll 50%;
    border:1px solid #D6D3D6;
    padding:0;
    width:8px;    
}

#hierarchytoggle:hover
{
    background: #D6D3D6 url("../images/toggleArrowLeft.gif") no-repeat scroll 50%;
    border: 1px solid #ECECEC;
}

.roundbox
{
    margin: 2px;
    border: 0px solid #DEDBDE;
    padding: 20px;
    padding-bottom: 10px;
    text-align: left;
    background: url("../images/content-inner.gif") repeat scroll 0 0 transparent;
    border: 2px solid #DEDBDE;
    margin-bottom: 10px;

    /* Do rounding (native in Firefox and Safari, CC in IE) 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    CCborderRadius: 20px;*/
    
}

#content_widgets 
{
    padding-top: 5px;
}

.scroll-pane {
	width: 200px;
	background: #ccc;
	float: left;
	padding: 0;
}

#content_table 
{
    height: 800px;
}

#search_crumb
{
    font-weight: bold;
    font-size: 130%;
    padding-bottom:10px;
    position: relative;
}

#view_archived 
{
    padding-left: 5px;
    font-weight: bold;
}

.dataTables_filter { display: none;}

#ctl00_content_product_hierarchy a:hover 
{
    text-decoration: underline;
    cursor:pointer;
}

#bookmarks .jstree-leaf a:hover 
{
    text-decoration: underline;
    cursor:pointer;
}
#folders .jstree-leaf a:hover 
{
    text-decoration: underline;
    cursor:pointer;
}

th.Underline
{
    text-decoration: underline;
    cursor:pointer;
}

th.Underline:hover
{
    color: #BB0222;
}

#example tr:hover
{
   background-color: #CCCCCC;
}

#ajax_loading 
{
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
}

.the_menu {
	display:none;
	width:300px;
	position: absolute;
	border: solid 1px #000000;
    -moz-box-shadow:0 4px 10px #8B8B8B;
    padding:5px;
    background-color: #FFFFFF;
}

.the_menu li {
    color:#000000;
}

.the_menu li a {
	color:#000000; 
	text-decoration:none; 
	padding:5px; 
	display:block;
}

.the_menu li a:hover {
	padding:5px;
	font-weight:bold;
	color: #AD1829;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

#example tbody td 
{
    vertical-align: top;
}

.date-pick {
background:white url(../images/calendar.gif) no-repeat 97% center;
border: 1px solid #A7A6AA;
font-family: Arial,Helvetica,sans-serif;
}

.content_summary 
{
    padding-left: 25px;
    background:url("../images/indent.png") no-repeat scroll left top transparent;
    font-size:95%;
    padding-left:25px;
    padding-top:2px;    
}

.highlight
{
    font-weight: bold;
}

#link_savesearch
{
    font-size: 11px;
}

#example 
{
 padding-bottom: 10px;   
}

.asterisk
{
    color:#FF3401;
}

#example_length 
{
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.watermark {
    background-color:white;
    background-image:url("../images/magnifying-glass.gif");
    background-position:0.1em center;
    background-repeat:no-repeat;
    font-size: 14pt;
    padding-left:2.1em;
    border: 1px inset grey; 
}

.ac_loading {
	background: white url("../images/loading.gif") right center no-repeat;
}
